<script setup>
import { ref } from 'vue'
const centerDialogVisible = ref(false)
const todo = () => {
  centerDialogVisible.value = false
  location.href = 'https://oldblog.wusterlllry.top'
}
</script>

<template>
  <div class="name"><span>wusterlllry</span></div>
  <div class="desc"><span> 正在开发中...</span></div>
  <div class="link">
    <el-button plain @click="centerDialogVisible = true">点我跳转</el-button>
  </div>

  <el-dialog v-model="centerDialogVisible" title="山水有相逢" width="500" align-center center>
    <div class="select"><span>天天开心</span></div>
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="centerDialogVisible = false">取消进入</el-button>
        <el-button type="primary" @click="todo"> 进入博客 </el-button>
      </div>
    </template>
  </el-dialog>
</template>

<style lang="scss" scoped>
.name {
  text-align: center;
  font-size: larger;
}

.desc {
  margin-top: 20px;
  text-align: center;
  font-size: larger;
}

.link {
  margin-top: 20px;
  text-align: center;
  font-size: larger;
}

.select {
  text-align: center;
}
</style>
